<html>
    <head>
        <title>{$title|default:"no title"}</title>
        {literal}
            <link href="css/fontstyle.css" rel="stylesheet" type="text/css" charset="utf-8" />
            <link href="css/easyui.css" rel="stylesheet" type="text/css" />
            <link href="css/style.css" rel="stylesheet" type="text/css" />
            <link href="css/jquery-ui.css" type="text/css" rel="stylesheet"  />
            <link href="css/contactusscss.css" type="text/css" rel="stylesheet"  />

            <script src="js/jquery-1.7.2.min.js"></script>
            <script type="text/javascript" src="js/jquery.easyui.min.js"></script>

            <script type="text/javascript">
                var _gaq = _gaq || [];
                _gaq.push(['_setAccount', 'UA-33771657-1']);
                _gaq.push(['_trackPageview']);

                (function() {
                    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
                })();
            </script>

            <script language="javascript" type="text/javascript">
                $(function(){
                    $('#ff').form({
                        onSubmit:function(){
                            return $(this).form('validate');
                        },
                        success:function(data){
                            $.messager.alert('Info', data, 'info');
                            clearForm();
                        }
                    });
                });
            
                $(document).ready(function () {
                    clearForm();
                });
            
                function clearForm() {
                    $("#name").val('');
                    $("#email").val('');
                    $("#subject").val('');
                    $("#message").val('');
                }
                    
                function submitform() {
                    $("#ff").submit();
                }                
            </script>
        {/literal}

    </head>
    <body id="aboutus">
        {include file='header.tpl'}

        {include file='sidebar.tpl'}

        {foreach item=c from=$comp}
            <div id="container">
                <table border="0" width="100%" cellspacing="0" cellpadding="0">
                    <tr>
                        <td width="25%" valign="top">
                            <div id="leftframetitle">
                                <span class="black_color">CONTACT</span><span class="red_color">US</span>
                            </div>
                        </td>
                        <td>
                            {* start content *}

                            <div id="contactus_content_14">
                                If you'd like extra information about anything that we do, or you'd simply like to talk to someone about your
                                need, please feel free to contact us by filling out the form below and one of our team will get back to you.
                            </div>

                            <div id="spacer"></div>
                            <form id="ff" action="savecontactus.php" method="post">

                                <div id="contactus_content_14">
                                    <table border="1" width="100%" cellspacing="1" cellpadding="1" id="contactus_content_14">
                                        <tr>
                                            <td width="40%">
                                                <div class="textbox">
                                                    <div class="lbinput"><label>Name</label></div>
                                                    <!--                                                <input class="textboxa" type="text" name="txtname" id="txtname" />-->
                                                    <input class="easyui-validatebox"
                                                           type="text"
                                                           name="name"
                                                           id="name"
                                                           size="39"
                                                           required="true"
                                                           style="margin-left: 160px; margin-top: 5px; border: 0; background-color: transparent; height: 25px;" />
                                                </div>
                                            </td>
                                            <td rowspan="5" width="40%" align="center" valign="top">

                                                <div>
                                                    <table border="0" width="100%" id="contactus_map_content">
                                                        <tr id="contactus_content_18">
                                                            <td colspan="3">
                                                                <span class="black_color">CONTACT</span><span class="red_color">INFO</span>
                                                                <div class="contactmap">
                                                                    <img src="images/map.gif" />
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </table>


                                                    <div id="tt" class="easyui-tabs" data-options="plain:true,fit:true">
                                                        {foreach item=br from=$branch}
                                                            <div title="{$br.tablabel}" style="padding:2px;">  
                                                                <table border="0" id="contactus_map_content">
                                                                    <tr id="contactus_content_14">
                                                                        <td width="30%">Telephone</td>
                                                                        <td width="2%">:</td>
                                                                        <td>{$br.phone1}</td>
                                                                    </tr>
                                                                    <tr id="contactus_content_14">
                                                                        <td>&nbsp;</td>
                                                                        <td>&nbsp;</td>
                                                                        <td>{$br.phone2}</td>
                                                                    </tr>
                                                                    <tr id="contactus_content_14">
                                                                        <td>E-mail</td>
                                                                        <td>:</td>
                                                                        <td><a href="mailto:{$br.email}">{$br.email}</a></td>
                                                                    </tr>
                                                                    <tr id="contactus_content_14">
                                                                        <td>Address</td>
                                                                        <td>:</td>
                                                                        <td>{$br.address1}</td>
                                                                    </tr>
                                                                    <tr id="contactus_content_14">
                                                                        <td>&nbsp;</td>
                                                                        <td>&nbsp;</td>
                                                                        <td>{$br.address2}</td>
                                                                    </tr>
                                                                    <tr id="contactus_content_14">
                                                                        <td>&nbsp;</td>
                                                                        <td>&nbsp;</td>
                                                                        <td>{$br.region}</td>
                                                                    </tr>
                                                                    <tr id="contactus_content_14">
                                                                        <td>&nbsp;</td>
                                                                        <td>&nbsp;</td>
                                                                        <td>{$br.country}</td>
                                                                    </tr>
                                                                </table>
                                                            </div>  
                                                        {/foreach}                                                        
                                                    </div> 


<!--                                                        <table border="1" id="contactus_map_content">
                                                            <tr id="contactus_content_14">
                                                                <td width="30%">Telephone</td>
                                                                <td width="2%">:</td>
                                                                <td>{$c.phone1}</td>
                                                            </tr>
                                                            <tr id="contactus_content_14">
                                                                <td>&nbsp;</td>
                                                                <td>&nbsp;</td>
                                                                <td>{$c.phone2}</td>
                                                            </tr>
                                                            <tr id="contactus_content_14">
                                                                <td>E-mail</td>
                                                                <td>:</td>
                                                                <td>{$c.email}</td>
                                                            </tr>
                                                            <tr id="contactus_content_14">
                                                                <td>Address</td>
                                                                <td>:</td>
                                                                <td>{$c.address1}</td>
                                                            </tr>
                                                            <tr id="contactus_content_14">
                                                                <td>&nbsp;</td>
                                                                <td>&nbsp;</td>
                                                                <td>{$c.address2}</td>
                                                            </tr>
                                                            <tr id="contactus_content_14">
                                                                <td>&nbsp;</td>
                                                                <td>&nbsp;</td>
                                                                <td>{$c.region}</td>
                                                            </tr>
                                                            <tr id="contactus_content_14">
                                                                <td>&nbsp;</td>
                                                                <td>&nbsp;</td>
                                                                <td>{$c.country}</td>
                                                            </tr>
                                                        </table>-->
                                                </div>
                                            </td>
                                        </tr>

                                        <tr>
                                            <td width="40%">
                                                <div class="textbox">
                                                    <div class="lbinput"><label>Email</label></div>
                                                    <!--                                                    <input class="textboxa" type="text" name="txtmail" id="txtmail" size="29" />-->
                                                    <input class="easyui-validatebox"
                                                           type="text"
                                                           name="email"
                                                           id="email"
                                                           size="39"
                                                           required="true"
                                                           validType="email"
                                                           style="margin-left: 160px; margin-top: 5px; border: 0; background-color: transparent; height: 25px;" />
                                                </div>
                                            </td>
                                        </tr>

                                        <tr>
                                            <td width="40%">
                                                <div class="textbox">
                                                    <div class="lbinput"><label>Subject</label></div>
                                                    <!--                                                    <input class="textboxa" type="text" name="txtsubject" id="txtsubject" size="29" />-->
                                                    <input class="easyui-validatebox"
                                                           type="text"
                                                           name="subject"
                                                           id="subject"
                                                           size="39"
                                                           style="margin-left: 160px; margin-top: 5px; border: 0; background-color: transparent; height: 25px;" />
                                                </div>
                                            </td>
                                        </tr>

                                        <tr>
                                            <td width="40%">
                                                <div class="textarea">
                                                    <div class="lbinput"><label>Address</label></div>
                                                    <!--                                                    <textarea class="textareaa" name="txtmsg" id="txtmsg"></textarea>                                            -->
                                                    <textarea name="message"
                                                              id="message"
                                                              cols="28"
                                                              rows="9"
                                                              style="margin-left: 160px; margin-top: 5px; border: 0;background-color: transparent; "></textarea>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="40%" align="right">
                                                <img class="submitlink" src="images/submit_btn.png"
                                                     onclick="submitform();"/>
                                            </td>
                                        </tr>
                                    </table>
                                </div>

                            </form>

                            {* end content *}
                        </td>
                    </tr>
                </table>

                <div id="footer-spacer"></div>
            </div>
            {include file='footer.tpl'}

        {/foreach}


    </body>
</html>